<template>
  <div class="wrap">
    <div class="container w">
      <div class="l">
        <a href="#" title="淘宝网"><img :src="logo" alt=""></a>
      </div>
      <div class="c">
        <HomeSearch />
      </div>
      <div class="r">
         <a href="#" title="svip"><img :src="svip" alt="立马加入终身会员"></a>
      </div>
    </div>
  </div>
</template>

<script>
import HomeSearch from '@/mall/views/components/HomeSearch';
  export default {
    name: 'PageHeader',
    components: {
      HomeSearch,
  },
  data() {
    return {
      logo:require('@/assets/common/logo1.png'),
      svip:require('@/assets/common/ico-svip.png')
    }
  },
  };
</script>
<style lang="scss" scoped>
  .w{
  width: 1200px;
  margin:0 auto;
  }
.wrap{
  background-color: #ffffff;
}
.container{
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 90px;
  .l{
    img {
      // width: 100px;
      height: 60px;
    }
  }
}

</style>